@charset "utf-8";
@import './_reset';
@function r($px){
	@return $px/50px *1rem;
}

html,body{
	width: 100%;
	height: 100%;
}
.web{
	height: 100%;
	width: 100%	;
	position: relative;
}
header{
	text-align: center;
	width: 100%;
	height: r(89px);
	background-color:#b20000;
	position: fixed;
	top: 0;
	left: 0;
	.left_logo{
		// background-color: #CCCCCC;
		margin-top: r(33px);
		margin-left: r(23px);
		img{
			width: r(31px);
			height: r(24px);
		}
	}
	.middle_logo{
			display: inline-block;
			width: r(264px);
			height: r(40px);
			margin-top: r(23px);
			// background-color: #CCCCCC;
			img{
				width: 100%;
				height: 100%;
			}
		}
	.search_logo{
		margin-right: r(17px);
		margin-top: r(23px);
		img{
			width: r(42px);
			height: r(42px);
		}
	}
}

section{
	overflow: auto;
	// background-color:#f5f5f5;
	// margin-top: r(89px);
	position: fixed;
	top:r(89px);
	bottom:r(96px);
	left: 0;
	right: 0;
	>.bg{
		font-size: 0;
		img{
		width: 100%;
		height: r(304px);
		}
		}
	>.concent{
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: r(583px);
		height: r(595px);
		// background-color: pink;
		margin-top:r(17px);
		>.concent_box{
			height: r(180px);
			width: r(583px);
			// background-color: #CCCCCC;
			border-bottom: 1px solid #cecece;
			>.box_left{
				width: r(209px);
				>img{
					width: r(209px);
					height: r(141px);
				}
			}
			>.box_right{
				width: r(341px);
				height: r(141px);
				>.right_top{
					font-size: r(26px);
					font-family: "microsoft yahei";
				}
				>.right_middle{
					font-size: r(22px);
					font-family: "microsoft yahei";
					color: #c5c5c5;
					margin-top: r(10px);
				}
				>.right_bottom{
					text-align: right;
					width: r(341px);
					font-size: r(18px);
					font-family: "microsoft yahei";
					color: #939393;
					margin-top: r(12px);
					>.icon-ai-eye{
						display: inline-block;
						width: r(80px);
						font-size: r(18px);
						font-family: "microsoft yahei";
						color: #939393;
					}
				}
			}
		}	
			}
		
	}
footer{
	height: r(96px);
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: #f5f5f5;
	>ul{
		text-align: center;
		>li{
		 width: 20%;
		 float: left;
		 margin-top: r(20px);
			img{
				height: r(41px);
				width: r(41px);
			}
			p{
				font-size: r(12px);
				color: #939393;
			}
			
	 }
}
}